<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
	<title>Tic-Tac-Toe</title>
	
	<link rel="stylesheet" href="css/blueprint/reset.css" />
	
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"></script>
	
	<link rel="stylesheet" href="css/tic-tac-toe.css" />
	<script type="text/javascript">
		var boardSize = 3;
	</script>
	<script type="text/javascript" src="js/tic-tac-toe.js"></script>
</head>
<body>

	<h1>Tic-Tac-Toe : X - 0</h1>
	
	<div id="content" ng-app="tic-tac-toe" ng-controller="TicTacToeController">
	
		<div id="board">
			<div class="row" ng-repeat="row in board">
				<div class="cell" ng-repeat="cell in row" ng-click="placeSymbol($parent.$index, $index)">{{cell.content}}</div>
			</div>
		</div>
		
		<button ng-click="resetBoard()">Reset board</button>
	
	</div>

</body>
</html>